<template>
  <div>
    <ul class="listul">
      <li>
        <dl>
          <dt>
            <img />
          </dt>
          <dd>
            <h5>{{}}</h5>
            <p>90天最低价</p>
            <h4>¥{{}}</h4>
            <div>
              <span>自营</span>
              <span>看相似</span>
            </div>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt>
            <img />
          </dt>
          <dd>
            <h5>{{}}</h5>
            <p>90天最低价</p>
            <h4>¥{{}}</h4>
            <div>
              <span>自营</span>
              <span>看相似</span>
            </div>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt>
            <img />
          </dt>
          <dd>
            <h5>{{}}</h5>
            <p>90天最低价</p>
            <h4>¥{{}}</h4>
            <div>
              <span>自营</span>
              <span>看相似</span>
            </div>
          </dd>
        </dl>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped>
::-webkit-scrollbar {
  display: none; //(或者是width: 0;)
}
.listul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  > li {
    width: 50%;
    padding: 0.08rem;
    box-sizing: border-box;
    > dl {
      width: 100%;
      height: 100%;
      background: white;
      > dt {
        width: 100%;
        height: 1.7rem;
      }
      > dd {
        padding: 0.08rem;
      }
    }
  }
}
</style>